@charset "utf-8";
@import'reset';

body {
    width: 100vw;

    .wrap {
        width: 100vw;

        //头部
        .header {
            width: 100vw;
            height: 13.3333vw;
            margin-top: -13.3333vw;
            background-color: #ffffff;
            position: fixed;
            z-index: 2;

            span {
                color: #555555ff;
                font-size: 4.2667vw;
                display: block;
                line-height: 13.3333vw;
                text-align: center;
            }
        }

        //logo
        .logo-box {
            margin-top: 13.3333vw;
            height: 32.512vw;
            width: 100vw;
            display: flex;

            .logo {
                width: 36.8vw;
                height: 15.1787vw;
                margin: auto;

                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        //填写信息
        .import {
            width: 100vw;

            //输入手机号
            .phone {
                width: 92vw;
                height: 19.4667vw;
                border-bottom: .2667vw solid #d3d5d8;
                margin: 0 auto;

                span {
                    color: #555555ff;
                    font-size: 3.7333vw;
                }

                input {
                    border: 0px;
                    outline: none;
                    color: #757575ff;
                    width: 44.8533vw;
                    height: 5.6vw;
                    margin-top: 4.5333vw;
                }
            }

            //输入验证码
            .verification {
                width: 92vw;
                height: 19.4667vw;
                border-bottom: .2667vw solid #d3d5d8;
                margin: 0 auto;
                margin-top: 4.8vw;

                span {
                    color: #555555ff;
                    font-size: 3.7333vw;
                }

                input {
                    border: 0px;
                    outline: none;
                    color: #757575ff;
                    width: 56.8907vw;
                    height: 5.6vw;
                    margin-top: 4.5333vw;
                }

                a {
                    text-decoration: none;
                    color: #555555ff;
                    font-size: 15px;
                }
            }

            //输入密码
            .password {
                margin-top: 4.8vw;
            }
        }

        //验证码登录/注册
        .verification-login {
            width: 92vw;
            height: 12vw;
            background-color: #884E22;
            margin-top: 9.8667vw;
            text-align: center;
            color: #ffffff;
            margin-left: 4vw;
            border: 0vw;
            font-size: 4.6667vw;
        }

        //密码登录
        .password-login {
            font-size: 4.6667vw;
            display: block;
            text-align: center;
            margin-top: 8vw;

            a {
                text-decoration: none;
                color: #555555ff;
            }
        }

        hr {
            height: .2667vw;
            width: 80vw;
            background-color: #d3d5d8;
            margin-top: 9.3333vw;
        }

        //第三方登录
        .third-party {
            width: 34.6667vw;
            height: 5.3333vw;
            background-color: #ffffff;
            color: #555555ff;
            font-size: 14px;
            display: block;
            margin: 0 auto;
            text-align: center;
            transform: translateY(-100%);

        }


        //QQ微信
        .ul-box {
            width: 80vw;
            height: 6.4vw;
            // border: .2667vw solid #000;
            margin: 0 auto;

            li {
                display: inline-block;
                line-height: 6.4vw;

                &:nth-child(1) {
                    margin-left: 20.328vw;
                    // margin-right: 33.576vw;
                }

                &:nth-child(2) {
                    margin-left: 30vw;
                }

            }

        }

        //空白
        .blank {
            width: 100vw;
            height: 4vw;
        }

    }
}